<template>
  <div class="web-footer w-global-color-bg">
    <div class="w-content-box content w-flex-center">
      <p class="item">
        Phone：
        <a
          class="w-hover-text"
          href="tel:17620747824">17620747824</a>   &nbsp;&nbsp;
          QQ：415461850  &nbsp;&nbsp;
        <el-popover
          placement="top-start"
          trigger="hover"
          content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
          <img
            v-lazy="weiXinImg || defaultImage"
            style="width: 120px"
            alt="">
          <span
            slot="reference"
            class="w-pointer">微信：wangwugangcun</span>
        </el-popover>
      </p>
      <p
        class="item w-pointer w-hover-text"
        @click="gongXinClick">豫ICP备17050274号-1</p>
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import Config from '@/config/index'
export default {
  name: 'WebFooter',
  components: {
  },
  data() {
    return {
      bgColor: '#545c64',
      // 微信二维码
      weiXinImg: Config.weiXinCode
    }
  },
  computed: {
    ...mapGetters(['defaultImage'])
  },
  methods: {
    // 跳转到工信部
    gongXinClick() {
      window.open(Config.gongXinUrl)
    }
  }
}
</script>

<style lang="scss" scoped>

  .web-footer {
    >.content {
      height: 150px;
      flex-direction: column;
      >.item {
        font-size: 14px;
        color: #fff;
        margin: 5px;
      }
    }
  }

</style>
